<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>助力职教云计算大数据人才培养</title>
<link href='/assets/img/favicon.ico'
	rel='shortcut icon' type='image/x-icon'>
<meta name="keywords"
	content="先电，一道云，云平台，专业共建，技能大赛，云课堂，实训室，物联网，智慧校园，校企合作，联合办学，高职">
<meta name="description"
	content="一道云，全球领先的云计算服务提供商，致力于实施CETC55云计算大数据发展战略，为全国高等教育云计算大数据专业建设提供整体解决方案。">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/sgzmain.css">
<link rel="stylesheet" href="../css/animate.min.css" type="text/css">
<style>
.row {
	margin: 0
}

.htitle h1 {
	font-size: 52px;
}

.htitle p {
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 60px;
	line-height: 1.56;
}

.zyk_t {
	color: #006bb7;
	line-height: 2;
	font-size: 24px;
}

@media screen and (min-width:1000px) {
	.zyk_c_l {
		text-align: left;
	}
}

@media screen and (max-width: 769px) {
	.htitle h1 {
		font-size: 20px
	}
	.htitle p {
		font-size: 10px
	}
}

@media screen and (max-width: 500px) {
	.htitle h1 {
		font-size: 14px
	}
	.htitle p {
		font-size: 6px;
		line-height: 1;
	}
}
</style>
</head>
<body>
<div>
	<style>
	@media screen and (max-width: 767px) {
		.navbar-default {
			position: relative;
			top: 0;
			z-index: 800;
		}
		.navbar-toggle .icon-bar {
			background: #ccc;
		}
		.xs-show {
			display: block !important;
		}
	}
	
	@media screen and (min-width: 768px) {
		.navbar-nav>li>a {
			background: #006bb7;
			color: #fff;
			font-size: 16px;
			line-height: 1.5;
			padding: 30px 22px;
		}
		/* .navbar-header {
			width: 13%;
		} */
		.navbar-collapse {
			float: left;
		}
	
		/* .container{
		width:100%
		} */
	}
	
	@media screen and (max-width: 1365px) {
		.navbar-nav>li>a {
			background: #006bb7;
			color: #fff;
			font-size: 16px;
			line-height: 1.5;
			padding: 30px 14px;
		}
		/* .navbar-header {
			width: 13%;
		} */
		/* .navbar-collapse{
			float:left;
		} */
	
		/* .navbar-brand{
			display: none;
		} */
	}
	
	@media screen and (max-width: 842px) {
		.navbar-brand {
			display: none;
		}
	}
	
	.navbar {
		margin: -1px 0;
	}
	
	.navbar-nav>.active>a {
		color: #ffffff !important;
		background: #1A669C
	}
	
	@media screen and (min-width: 768px) and (max-width: 989px) {
		.navbar-nav>li>a {
			background: #006bb7;
			color: #fff;
			font-size: 16px;
			line-height: 1.5;
			padding: 30px 6px;
		}
		.container {
			width: 100%
		}
	}
	
	@media screen and (min-width: 767px) {
		#product:hover>#producrshow {
			display: block !important;
		}
		#jiejue:hover>#jiejueshow {
			display: block !important;
		}
		#aboutus:hover>#aboutusshow {
			display: block !important;
		}
	}
	
	.dropdown-menu {
		left: -20px;
		min-width: 140px;
	}
	
	.nav>li>a:hover {
		background: #1A669C
	}
	
	.nav>li>a:focus {
		background: #006bb7;
	}
	
	.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
		background: #006bb7 !important;
	}
	
	@media screen and (max-width: 768px) {
		.dropdown-menu>li>a {
			color: #fff;
		}
	}
	
	.navbar-brand {
		padding: 28px 15px;
	}
	
	@media screen and (max-width: 768px) {
		.navbar-brand {
			display: block;
			padding: 7px 0;
		}
	}
	
	.head-top {
		width: 100%;
		background: #f5f5f5;
		border-bottom: 1px solid #eee;
		padding: 3px 0;
	}
	</style>
	
	<!-- 公网导航 -->
	<!-- <div class="head-top ">
		<div class="container-fluid container">
			<div class="col-md-6 fl top-l">
				<span class="syfont" style="color: #595959;">您好，欢迎您访问一道云官网！ </span>
			</div>
			<div class="col-md-6 fr top-r" style="padding-right:0">
				<div style="float: right; margin-right: 20px;">
					<a style="color: #595959;" href="http://kt.1daoyun.com">云课堂</a> |
					<a style="color: #595959;" href="http://js.1daoyun.com">云考试</a> | 
					<a style="color: #595959;" href="http://ds.1daoyun.com">斗学网</a> | 
					<a style="color: #595959;" href="http://hy.1daoyun.com">行业大赛网站</a> | 
					<a style="color: #595959;" href="http://gj.1daoyun.com">专业共建网站</a>
				</div>
			</div>
		</div>
	</div> -->
	
	
	<div class="row" style="background: #006cb5">
		<div class="container">
			<nav class="navbar">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse"
							data-target="#example-navbar-collapse">
							<span class="sr-only">切换导航</span> <span class="icon-bar"></span> <span
								class="icon-bar"></span> <span class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="../index.html">
							<img src="../img/xg/logo3.png"
							class="img-responsive" />
						</a>
					</div>
					<div class="collapse navbar-collapse" id="example-navbar-collapse">
						<ul class="nav navbar-nav">
							<li class="newstab" id="shouye"><a
								href="../index.html">首页 </a></li>
							<li class="newstab" id="product"><a href="javascript:void(0)"
								class="dropdown-toggle" data-toggle="dropdown">产品</a>
								<ul class="dropdown-menu" id="producrshow" role="menu"
									style="left: -40px">
									<li><a href="cloudtrain.html"><img
											style="margin-bottom: 5px;"
											src="../img/xg/jiantou.png">&emsp;云实训</a></li>
									<li><a href="cloudclass.html"><img
											style="margin-bottom: 5px;"
											src="../img/xg/jiantou.png">&emsp;云课堂</a></li>
									<li><a href="cloudexam.html"><img
											style="margin-bottom: 5px;"
											src="../img/xg/jiantou.png">&emsp;云考试</a></li>
									<li><a href="cloudplatform.html"><img
											style="margin-bottom: 5px;"
											src="../img/xg/jiantou.png">&emsp;云平台</a></li>
									<li><a href="cloudvr.html"><img
											style="margin-bottom: 5px;"
											src="../img/xg/jiantou.png">&emsp;虚拟现实</a></li>
									<li><a href="resourcesdown.html"><img
											style="margin-bottom: 5px;"
											src="../img/xg/jiantou.png">&emsp;教材资源</a></li>
								</ul></li>
							<li class="newstab dropdown" id="jiejue"><a
								href="javascript:void(0)" class="dropdown-toggle"
								data-toggle="dropdown">解决方案</a>
								<ul class="dropdown-menu" id="jiejueshow" role="menu">
									<li><a href="training.html"><img
											style="margin-bottom: 5px;"
											src="../img/xg/jiantou.png">&emsp;实训室</a></li>
									<li><a href="iot.html"><img
											style="margin-bottom: 5px;"
											src="../img/xg/jiantou.png">&emsp;物联网</a></li>
									<li><a href="campus.html"><img
											style="margin-bottom: 5px;"
											src="../img/xg/jiantou.png">&emsp;智慧校园</a></li>
								</ul></li>
							<li class="newstab" style="display: none;"><a
								href="http://edu.1daoyun.com" target="_blank">专业共建</a></li>
							<li class="newstab" id="skillcontest"><a
								href="skillcontest.html">技能大赛</a></li>
							<li class="newstab" id="news"><a
								href="news.html">新闻资讯</a></li>
							<li class="newstab dropdown" id="aboutus"><a
								href="javascript:void(0)" class="dropdown-toggle"
								data-toggle="dropdown">关于我们</a>
								<ul class="dropdown-menu" id="aboutusshow" role="menu">
									<li><a href="aboutus.html"><img
											style="margin-bottom: 5px;"
											src="../img/xg/jiantou.png">&emsp;联系我们</a></li>
									<li><a href="companyintro.html"><img
											style="margin-bottom: 5px;"
											src="../img/xg/jiantou.png">&emsp;公司简介</a></li>
									<li><a href="joinus.html"><img
											style="margin-bottom: 5px;"
											src="../img/xg/jiantou.png">&emsp;招贤纳士</a></li>
									<!-- 		          <li><a href="/main/training"><img style="margin-bottom: 5px;" src="/assets/img/jiantou.png">&emsp;实训室</a></li>  -->
								</ul></li>
						</ul>
					</div>
				</div>
			</nav>
		</div>
	</div>
</div>
	<div class="row"
		style="background:url('../img/xg/cloudvr.png') center no-repeat;color:#fff;">
		<div class="container">
			<div class="col-md-12 htitle"
				style="padding-bottom: 68px;padding-top: 35px;">
				<h1 style="color:#fff!important;">
					<b>虚拟与现实</b>
				</h1>
				<p style="color:#fff;">
					虚拟现实(VR)课堂开拓了新的学习方式，逼真的沉浸感，不断更新扩充的VR课程，<br>让学生满足对知识的好奇心，
					换一种方式感知前所<br>未有的学习体验。第一视角进入实训场景，无论学生“上下<br>打量”还是“左顾右盼”，
					眼前的一切足以让学生在任何时候都记忆犹新。<br>
				</p>
				<div style="margin-top: 60px;">
					<!-- <a target="_blank" href="#"
						style="font-size:18px;border:1px solid #fff;padding:10px 37px; color:#ffffff">立即体验</a> -->
				</div>
			</div>
		</div>
	</div>

	<div class="row" style="text-align:center;">
		<div class="container">
			<div class="row" style="margin-bottom: 45px;">
				<div class="col-md-1"></div>
				<div class="col-md-5 wow bounceInLeft"
					style="margin-top: 40px;animation-delay: 0.1s;">
					<img src="../img/xg/vr1.png">
				</div>
				<div class="col-md-5 wow bounceInRight zyk_c_l"
					style="margin-top: 100px;animation-delay: 0.5s;">
					<p class="zyk_t">让你置身其中的绝佳体验</p>
					<p>VR沉浸式学习体验，让学生流连忘返，通过交互性</p>
					<p>在教学领域可以更多地实行通常情况下很难实践的教学,</p>
					<p>比如保密等级比较高的大型数据中心，过去的</p>
					<p>历史场景，危险的化学实验，解剖实验，机器拆装等。</p>
				</div>
				<div class="col-md-1"></div>
			</div>
		</div>
	</div>
	<div class="row"
		style="background:#f5f5f5;text-align:center;padding-top: 20px;">
		<div class="container">
			<div class="row" style="margin-bottom: 45px;">
				<div class="col-md-2"></div>
				<div class="col-md-4 wow bounceInLeft zyk_c_l"
					style="margin-top: 100px;animation-delay: 0.1s;">
					<p class="zyk_t">互动式学习过程</p>
					<p>基于合作院校课程的安排，我们不断地更新扩充</p>
					<p>学习实践场景，让学生时刻碰触到最前</p>
					<p>沿的科技和知识。</p>
				</div>
				<div class="col-md-5 wow bounceInRight"
					style="margin-top: 40px;animation-delay: 0.5s;">
					<img src="../img/xg/vr2.png">
				</div>
				<div class="col-md-1"></div>
			</div>
		</div>
	</div>
	<div class="row" style="text-align:center;padding-top: 20px;">
		<div class="container">
			<div class="row" style="margin-bottom: 45px;">
				<div class="col-md-1"></div>
				<div class="col-md-5 wow bounceInLeft"
					style="margin-top: 40px;animation-delay: 0.1s;">
					<img src="../img/xg/vr3.png"
						style="width: 360px">
				</div>
				<div class="col-md-5 wow bounceInRight zyk_c_l"
					style="margin-top: 100px;animation-delay: 0.5s;">
					<p class="zyk_t">创造属于你自己的VR</p>
					<p>授人以鱼不如授人以渔。VR已经开始融合进教育、旅游、</p>
					<p>军事、制造、医疗、互联网、影视、游戏等各种</p>
					<p>领域，高质量VR人才的匮乏成为中国VR产业发展的核心症结,</p>
					<p>跟随我们的VR课程一起，帮助中国的VR产业蓬勃发展。</p>
				</div>
				<div class="col-md-1"></div>
			</div>
		</div>
	</div>


<div
	style="height: 124px; background: #444546; color: #999999; bottom: 0; position: relative; left: 0; right: 0"
	id="positionfoot">
	<div class="container" style="padding-top: 40px;">
		<div class="row" style="padding-bottom: 10px">
			<div class="col-md-8 col-sm-12 left">
				<ul>


					<li><p
							style="color: #999999; margin-right: 0px; font-size: 13px; margin-bottom: 0px">
							地址：无锡市滨湖区太湖西大道2188号江南工业设计园200室 <br>联系邮箱：kefu@cetc55.net  客服电话：400-8506-550 邮编：214000
							 
						</p></li>
					<li>
						<div class="pull-left">友情链接：</div> <a class="pull-left"
						style="color: #999999; margin-right: 5px" href="">大数据集团</a> <a
						class="pull-left" style="color: #999999; margin-right: 5px"
						href="">技能大赛</a> <a class="pull-left"
						style="color: #999999; margin-right: 5px"
						href="http://www.cetc55.com/" target="_blank">中国电子科技集团公司第五十五研究所</a>
						<a class="pull-left" style="color: #999999; margin-right: 5px"
						href="https://cloud.tencent.com/" target="_blank">腾讯云</a>

						<div class="clearfix"></div>
					</li>

				</ul>
				<div class="clear"></div>
			</div>
			<div class="col-md-4 col-sm-12 left nospace hidden-sm hidden-xs"
				style="font-size: 13px; text-align: right; top: 8px; padding: 0px">
				©  江苏一道云科技发展有限公司 版权所有 <a
					style="color: #999999; margin-right: 5px;display: block;"
					href="http://www.miibeian.gov.cn" target="_blank">苏ICP备17041983号</a>
			</div>

		</div>
		<div class="row" style="border-top: 1px solid #4A4B4C">
			<div class="col-sm-12 left nospace"></div>
		</div>
	</div>
</div>
	<script type="text/javascript"
		src="../js/jquery.min.js"></script>
	<script type="text/javascript"
		src="../js/bootstrap.js"></script>
	<script src="../js/wow.min.js"></script>
	<script type="text/javascript">
		$(function() {
			$(".newstab").removeClass("active");
			$("#product").addClass("active");
			$('.carousel').carousel({
				interval : 2000
			});
			var wow = new WOW({
				boxClass : 'wow',//需要执行动画的元素的 class
				animateClass : 'animated',//animation.css 动画的 class
				offset : 100,//距离可视区域多少开始执行动画
				mobile : true,
				live : true
			});
			wow.init();
		});
	</script>
</body>
</html>